<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, user-scalable=0, maximum-scala=1.0, minimum-scala=1.0"
        />
        <title>苏宁移动端页面</title>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="css/normalize.css" />
        <link rel="stylesheet" href="css/index.css" />
    </head>
    <body>
        <!-- ---------------------------顶部搜索框 -->
        <div class="search-box">
            <a href="#" class="classify"></a>
            <div class="search">
                <form action="">
                    <input type="search" value="厨卫保暖季 哒哒哒" />
                </form>
            </div>
            <a href="#" class="login">登录</a>
        </div>
        <!-- ---------------------------轮播图广告 -->
        <div class="banner">
            <img src="./upload/banner.gif" alt="" />
        </div>
        <!-- ---------------------------品牌广告 -->
        <div class="ad">
            <a href="#"><img src="./upload/ad01.gif" alt="" /></a>
            <a href="#"><img src="./upload/ad02.gif" alt="" /></a>
            <a href="#"><img src="./upload/ad03.gif" alt="" /></a>
        </div>
        <!-- ---------------------------导航栏 -->
        <nav>
            <a href="#">
                <img src="upload/nav01.png" alt="" />
                <span>苏宁家电</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
            <a href="#">
                <img src="upload/nav02.png" alt="" />
                <span>苏宁超市</span>
            </a>
        </nav>
        <!-- ---------------------------其它模块自己完成 -->
    </body>
</html>
